<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8"> 
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<meta name="description" content="">
		<meta name="author" content="Mark Otto, Jacob Thornton, and Bootstrap contributors">
		<meta name="generator" content="Hugo 0.83.1">
		<title>重庆三峡职业学院</title> 
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<link href="./bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css"> 
		<script src="./js/jquery-3.6.0.min.js"></script>
		<script src="./bootstrap/js/bootstrap.min.js"></script>
		<link rel="stylesheet" href="./wow/css/animate.css">
	</head>
	<style type="text/css">
		*{
			margin: 0;
			padding: 0;
		}
		.content{
			height: 1000px;
		}
		.posStick{
			position: sticky;
			top: 0px;
		}
		.content>.row{
			height: 200px;
			border: 1px #055160 solid; 
		}
		.navbar{
			
			background-image: url(http://www.cqsxedu.com/images/logobg.png);
		}
		.nav-link{
			color: white !important ;
		} 
		 
		
	</style>
	
	
	<body>
		<nav class="navbar navbar-expand-md navbar-light  posStick "   >
		  <div class="container-fluid">
		    <a    href="#"> <img height="45"  src="http://www.cqsxedu.com/images/logo3.png" ></a>
		    <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarsExample04" aria-controls="navbarsExample04" aria-expanded="false" aria-label="zhon十点多">
		      <span class="navbar-toggler-icon"></span>
		    </button>
		    <div class="collapse navbar-collapse" id="navbarsExample04">
		      <ul class="navbar-nav me-auto mb-2 mb-md-0">
		        <li class="nav-item">
		          <a class="nav-link active" aria-current="page" href="#">首页</a>
		        </li>
		        <li class="nav-item">
		          <a class="nav-link" href="#">学校新闻</a>
		        </li>
		        <li class="nav-item">
		          <a class="nav-link  " href="#" tabindex="-1" aria-disabled="true">科学研究</a>
		        </li>
		        <li class="nav-item dropdown">
		          <a class="nav-link dropdown-toggle" href="#" id="dropdown04" data-bs-toggle="dropdown" aria-expanded="false">机构设置</a>
		          <ul class="dropdown-menu" aria-labelledby="dropdown04">
		            <li><a class="dropdown-item" href="#">学校简介</a></li>
		            <li><a class="dropdown-item" href="#">机构设置</a></li>
		            <li><a class="dropdown-item" href="#">教育教学</a></li>
		          </ul>
		        </li>
		      </ul>
		      <form class="row"> 
			  
				<input class="col-8" type="text" placeholder="搜索" aria-label="Search">
				<button type="button" class=" col-4 btn btn-success ">确定</button>
		      </form>
		    </div>
		  </div>
		</nav>
		<div class="container-fluid content">
			<div class="row">
				<div class=" col-sm-12 col-md-6 col-lg-6">
					1
				</div>
				<div class=" col-sm-12 col-md-6 col-lg-6">
					2
				</div>
			 
				<div class=" col-sm-12 col-md-6 col-lg-6">
					3
				</div>
				<div class=" col-sm-12 col-md-6 col-lg-6">
					4
				</div>
			</div>
			<div class="row">
				<div class="col-4">
					1
				</div>
				<div class="col-8">
					2
				</div>
			</div>
			<div class="row">
				<div class="col-4">
					1
				</div>
				<div class="col-8">
					2
				</div>
			</div>
			<div class="row">
				<div class=" wow rollIn" data-wow-delay="2s" >1
					 
				</div>
				<div class="col-5 offset-3">
					这里就是你所想要的位置
				</div>
			</div>
			<div class="row" style="background-image:url(http://www.cqsxedu.com/images/bottombg.png);">
				<div class="col" style="line-height: 30px; color: white;">
					校址：重庆市万州区科龙路8号(火车站前) <br>
					电话：023-58800267<br>
					传真：023-58800558<br>
					邮编：404155<br>
					国际代码：12605
				</div>
				<div class="col"  >
					<img style="margin: 20px auto;" src="http://www.cqsxedu.com/images/bottom_logo.png" >
				</div>
				<div class="col" >
					<div class="row" style="margin-top: 50px;">
						<div class="col-4"><img src="http://www.cqsxedu.com/images/wx.png" ></div>
						<div class="col-4" ><img  src="http://www.cqsxedu.com/images/wx.png" ></div>
						<div class="col-4"><img src="http://www.cqsxedu.com/images/wx.png" ></div>
					</div>
				</div>
			</div>
			
		</div>
	 <script src="http://cdn.dowebok.com/131/js/wow.min.js"></script>
	 <script>
	 if (!(/msie [6|7|8|9]/i.test(navigator.userAgent))){
	 	new WOW().init();
	 };
	 </script> 
		
	</body>
	
</html>
